<template>
  <div class="setBox">
    <section id="header">
      <HeaderPublc></HeaderPublc>
    </section>
    <div id="cent">
      <cent></cent>
    </div>
    <section id="footer"> </section>
  </div>
</template>
<style scoped>
  .setBox{height:100%; *zoom: 1;background-color: #f7f7f7;}
  body{background-color:#f7f7f7;}
  #cent{margin-left: 240px;margin-right: 20px;background-color: #f7f7f7;}
  #header{position: fixed;width: 220px;top: 0px;left: 0px;height: 100%;background: #fff; box-shadow:0 0 16px #e2e7ea;}

</style>
<script>
  import HeaderPublc from '../public/set.vue'
  import cent from '../chart/adminDavis.vue'
  export default {
    name: 'my-login',
    data () {
      return {

      }
    },
    methods: {
      login () {
        this.$router.push({ name: 'map' })
      }
    },
    computed: {

    },
    mounted () {

    },
    components: {
      HeaderPublc: HeaderPublc,
      cent: cent
    }
  }
</script>

